//下面render函数需要把jsx转成ReactElement所以还是要引入React

// 1.类组件
// import React, { Component } from 'react'

// class App extends Component {
//   constructor() {
//     super()

//     this.state = {
//       count: 2,
//       message: 'Hello React'
//     }
//   }

//   render() {
//     return (
//       <div>
//         <h2>当前计数：{ this.state.count }</h2>
//         <span>{ this.state.message }</span>
//       </div>
//     )
//   }
// }

// export default App

//2. 函数式组件
/*
  1.没有this对象
  2.没有内部状态    (hooks的出现改变了这一现状  useState())
*/
export default function App() {
  return (
    <div>
      <h2>我是 function组件</h2>
      <p>Hello React!!!</p>
    </div>
  )
}